<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>延迟显示 HTML 元素</title>
</head>
<body>
<div id="change" class="change">
    <h1>Hello, World!</h1>
    <h1 style="display: none">Hello, Vue!</h1>
</div>

<script>
    let element = document.querySelector("#change > h1:nth-child(2)");
    console.log(element);

    setTimeout(
        ()=>{
           // element.style.display = "inline"
           element.removeAttribute("style")
        },
        3000
    )
</script>
</body>
</html>